﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>explore &amp; share</title>
    <link href="../Styles/style.css" rel="stylesheet" type="text/css" />
</head>
<div class="main" style="width: 69%;">
    <h3>
        <span>Step 1 :</span> Provide general information about your itinerary</h3>
    <form id="form_id" action="#" method="post">
    <p>
        <input type="text" name="title" id="title" value="Title*" /><span style="top: 100px"
            class="help"></span></p>
    <p>
        <input type="text" name="subtitle" id="subtitle" value="Subtitle*" /><span class="help"></span></p>
    <p>
        <textarea name="textarea" id="overView" rows="5" cols="30">Overview / introduction*</textarea></p>
    <h5>
        <span></span>Difficulty:
    </h5>
    <div class="combo">
        <select name="select1" id="difficulty">
            <option value="moderate">Moderate</option>
            <option value="beta">Beta</option>
        </select></div>
    <span class="help2"></span></p> <span class="sep"></span>
    <p>
        <h5>
            <span></span>Duration:
        </h5>
        <div class="combo">
            <select name="select2" id="duration">
                <option value="oneDay">1 Day</option>
                <option value="twoDays">2 Days</option>
            </select></div>
        <span class="help2"></span>
    </p>
    <span class="sep"></span>
    <p>
        <h5>
            <span></span>Activity:
        </h5>
        <div class="activity" id="activity">
            <div class="check_container">
                <input type="checkbox" name="checkbox" id="trekking" value="treking" /><label for="trekking">Trekking
                </label>
            </div>
            <div class="check_container">
                <input type="checkbox" name="checkbox" id="touring" value="touring" /><label for="touring">Ski
                    Touring
                </label>
            </div>
            <div class="check_container sinBorde">
                <input type="checkbox" name="checkbox" id="sailing" value="skiSailing" /><label for="sailing">Ski
                    Sailing
                </label>
            </div>
            <div class="check_container">
                <input type="checkbox" name="checkbox" id="shoeing" value="shoeing" /><label for="shoeing">Snow
                    Shoeing
                </label>
            </div>
            <div class="check_container">
                <input type="checkbox" name="checkbox" id="nordic" value="nordicSki" /><label for="nordic">Nordic
                    Ski
                </label>
            </div>
            <div class="check_container  sinBorde">
                <input type="checkbox" name="checkbox" id="snow" value="snow" /><label for="snow">Snow
                    Shoeing
                </label>
            </div>
        </div>
    </p>
    <span class="help2"></span><span class="sep"></span>
    <p>
        <h4>
            <span></span>I want my adventure to be:
        </h4>
        <div class="radio_container">
            <input type="radio" name="radio" id="opened" value="opened" /><label for="opened">open-source</label></div>
        <div class="radio_container sinBorde">
            <input type="radio" name="radio" id="closed" checked="checked" value="closed" /><label
                for="closed">closed-source</label>
        </div>
    </p>
    <span class="help2"></span><span class="sep"></span>
    </form>
</div>
<div class="sidebar" style="position: absolute; left: 68%; top: 15px;">
    <h1>
        <span></span>add your adventure main picture</h1>
    <span class="help3"></span>
    <ul>
        <li><a href="#" class="flickr">Import from flickr</a></li>
        <li><a href="#" class="picasa">Import from picasa</a></li>
        <li><a href="#" class="upload">Upload from your computer</a></li>
    </ul>
    <span class="sep" style="width: 100%"></span>
    <div class="photo">
        <div class="borde">
            <img src="../Images/foto.jpg" alt="" />
            <div class="buttons">
                <a href="#" class="save">save</a> <a href="#" class="delete">delete</a>
            </div>
            <div class="clearfix">
            </div>
        </div>
    </div>
</div>
</html>
